<template>
  <el-container>
    <el-main>
      <el-collapse v-model="firstFloor" accordion>
        <el-collapse-item title="营业资质">
        </el-collapse-item>
        <el-collapse-item title="平台规则" name="2">
          <el-row>
            <el-col :span="20" :offset="4">
              <el-collapse v-model="platformRules" accordion>
                <el-collapse-item title="用户协议" name="a">
                  <el-col :span="16" :offset="4">
                    <div>用户协议1</div>
                    <el-divider></el-divider>
                    <div>用户协议2</div>
                    <el-divider></el-divider>
                    <div style="margin-bottom: 10px">用户协议3</div>
                  </el-col>
                </el-collapse-item>

                <el-collapse-item title="平台公告" name="b">
                  <el-col :span="16" :offset="4">
                    <div>平台公告1</div>
                    <el-divider></el-divider>
                    <div>平台公告2</div>
                    <el-divider></el-divider>
                    <div style="margin-bottom: 10px">平台公告3</div>
                  </el-col>
                </el-collapse-item>
                <el-collapse-item title="售后规则" name="c">
                  <el-col :span="16" :offset="4">
                    <div>售后规则1</div>
                    <el-divider></el-divider>
                    <div>售后规则2</div>
                    <el-divider></el-divider>
                    <div style="margin-bottom: 10px">售后规则3</div>
                  </el-col>
                </el-collapse-item>
              </el-collapse>
            </el-col>
          </el-row>
        </el-collapse-item>
        <el-collapse-item title="公示栏" name="3">
          <el-col :span="20" :offset="4">
            <div>公示栏1</div>
            <el-divider></el-divider>
            <div>公示栏2</div>
            <el-divider></el-divider>
            <div style="margin-bottom: 10px">公示栏3</div>
          </el-col>
        </el-collapse-item>
        <el-collapse-item title="餐饮中心规则" name="4">
        </el-collapse-item>
      </el-collapse>
    </el-main>
  </el-container>
</template>

<script>
    export default {
        name: "RuleCenter",
        data() {
            return {
                firstFloor: null,
                platformRules: null,
            }
        },
        methods: {
        }
    }
</script>

<style scoped>
  .el-divider {
    margin: 10px 0;
  }
</style>
